@CHARSET "UTF-8";

/* 整体灰色背景，左右缩进14px */
body {
	background-color: #f5f5f8;
	padding: 0 14px 0 14px;
	overflow: hidden;
}
input[type='radio'] {
	vertical-align: -3px;
	width: 15px;
	height: 15px
}
/* 无缩进容器 */
.container {
	height: 100%;
	margin: 10px 0 0 0;
	padding: 0px;
	
}
/* 左右缩进14px */
.body {
	height: 100%;
	margin: 0px;
	padding: 0 14px 0 14px;
}
/* 白色背景 */
.bc-w {
	background-color: white;
}
/* 无滚动条 */
.noscroll {
	overflow: hidden;
}

/* 条件区start */
/* 显示选中条件内容区 */
.cond-box {
	height: 30px;
	background-color: #f5f5f8;
}
.cond-box div {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}
/* 条件区漏斗 */
.funnel-img {
	padding:10px;
	height: 20px;
	width: 20px;
	background: url("../images/funnel.png") no-repeat center center;
	cursor: pointer;
}
/* 透明层start */
.alpha-layer {
	position: absolute;
	display: none;
	background-color: rgba(128, 128, 128, .8);
	z-index: 999;
	color: #ffffff;
}
.alpha-layer table tr td {
	height: 40px;
	color: #ffffff;
}
/* 只支持IE6、7、8 */
@media \0screen\,screen\9 {
	.alpha-layer {
		background-color: #808080;
		filter: Alpha(opacity = 80);
		/* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		position: static;
		/* 激活IE6、7的haslayout属性，让它读懂Alpha */
		*zoom: 1;
		z-index: 999;
		color: #ffffff;
	}
}
/* 透明层end */
/* 条件区end */
/* head区start */
.head-box {
	height: 35px;
}
/* 信息区 */
.info-box {
	float: left;
	line-height: 34px;
	vertical-align: middle;
}
/* 功能按钮区 */
.btn-box {
	float: right;
	height: 100%;
}
/* head区end */

/* 按钮start */
.btn {
	border: none;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	cursor: pointer;
	color: #60c0ea;
    padding: 5px 18px 5px 18px;
	background-image: url("../images/button_un.png");
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.btn:HOVER {
	background-image: url("../images/button.png");
}
.btn-layer {
	background-image: url("../images/button.png");
}
/* 按钮end */

/* 边框start */
.b-t {
	border-top: 1px solid #dddddd;
}
.b-r {
	border-right: 1px solid #dddddd;
}
.b-b {
	border-bottom: 1px solid #dddddd;
}
.b-l {
	border-left: 1px solid #dddddd;
}
/* 边框end */

/* 宽度start */
.lbl-w {
	width: 50px;
}
.lbl-w-l {
	width: 80px;
}
.w-ss {
	width: 70px;
}
.w-s {
	width: 120px;
}
.w-sm {
	width: 140px;
}
.w-m {
	width: 190px;
}
.w-l {
	width: 300px;
}
.w-xl {
	width: 600px;
}
.w-lable {
	width: 70px;
	text-align: right;
}
.w-lable-w {
	width: 80px;
	text-align: right;
}
/* 宽度end */

/* 颜色start */
.c-r {
	color: red;
}
/* 颜色start */

/* combobox多选清除X按钮start */
.combo-clear {
	background-color: #e0ecff;
	width: 18px;
	height: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	background: url("../images/clear_b.png") no-repeat center center;
}
.combo-clear-hover {
	opacity: 1.0;
	filter: alpha(opacity = 100);
	background-color: #eaf2ff;
}
/* combobox多选清除X按钮end */

/* datagrid toolbar行 */
.dg-tb {
	height: 30px;
}

/* 必选项 */
.required:BEFORE {
	content: '*';
	color: red;
}

/* 标题 */
.title {
	font-size: 1.6rem;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	border-bottom: 1px solid #95b8e7;
	display：inline-block;
	text-align:center;
}

/* hyper link */
.hyper-link {
	color: #0099ff;
	text-decoration: underline;
	cursor: pointer;
}

.box-shadow {
	-webkit-box-shadow: 0 0 5px #c0c0c0;
	-moz-box-shadow: 0 0 5px #c0c0c0;
	box-shadow: 0 0 5px #c0c0c0;
}

/* 背景灯start */
.stt-lamp-1 {
	background-image: url("../images/green_lamp.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}
.stt-lamp-2 {
	background-image: url("../images/yellow_lamp.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}
.stt-lamp-3 {
	background-image: url("../images/red_lamp.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}
/* 背景灯end */

/* 图表切换、表格下载、图片另存为图标 */
.sw-icon-box {
	width: 100px;
	float: right;
	display: inline-block;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	height: 25px;
}
.sw-icon {
	display: inline-block;
	width: 30px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
	cursor: pointer;
}
.grid-dl-icon {
	background-image: url("../images/download_un.png");
}
.chart-dl-icon {
	background-image: url("../images/chart_download_un.png");
}
.sw-chart-icon {
	background-image: url("../images/bar_un.png");
}
.sw-chart-icon:HOVER,
.sw-chart-icon-active {
	background-image: url("../images/bar.png");
}
.sw-grid-icon {
	background-image: url("../images/data_un.png");
}
.sw-grid-icon:HOVER,
.sw-grid-icon-active {
	background-image: url("../images/data.png");
}

/* echarts中国地图样式-台湾、南海诸岛、钓鱼岛、赤尾屿 */
.china-map-bg {
	background-image: url("../images/china_map_bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.china-map-bg:BEFORE {
	content: '';
	width: 93px;
	height: 131px;
	position: absolute;
	background-image: url("../images/china_map_nanhai.png");
	background-size: 101px 139px;
	background-repeat: no-repeat;
	background-position: -4px -4px;
	border: 1px solid rgba(0,0,0,.3);
}



/* EasyUI自定义样式start(放在最后，防止被覆盖) */
/* datagrid */
.datagrid-header-row {
	text-align: center !important;
}
/* 选中行颜色*/
.datagrid-row-selected {
	background-color: #d6f5dc;
}
/* 表格内单元格 */
.datagrid-body td {
	border-color: #dee2e9;
	border-style: solid;
	color: #333333;
}
.datagrid-header-row td {
	color: #333333 !important;
	height: 30px !important;
	border-color: #dfe3ea;
	border-style: solid;
	background-color: #edeef1;
}
.datagrid-header-row, .datagrid-row, .datagrid-row td {
    height: 25px !important;
}
.datagrid-cell {
	font-size: 12px;
}

.tabs li.tabs-selected a.tabs-inner {
	background: linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
	color: #0EB4E1;
}

.tabs li a.tabs-inner {
	background: linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
}
/* 内容区包裹样式*/
.wrap{
	position:absolute;	
	left:14px;
	top:30px;
	right:14px;
	bottom:14px;			
}
/* 自适应布局 */
.fit{	
	position:absolute;	
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}
/* 表格布局 */
.layout-fit{	
	width:100%;
	height:100%;
}
/* 2行2列布局 */
.layout-fit>tr>td,.layout-fit>tbody>tr>td{
	position:ralative;
	vertical-align:top;
	width:50%;
	height:50%;	
	padding:10px 10px 0px 0px;	
}
/* esayui 面板样式复写*/
.panel{
	background:#fff;	
	-webkit-box-shadow: 0 0 5px #c0c0c0;
	-moz-box-shadow: 0 0 5px #c0c0c0;
	box-shadow: 0 0 5px #c0c0c0;	
}

.panel-body{border:0}
.panel-header{
	border-left:0;
	border-top:0;
	border-right:0;
	padding:0px;
	background:#fff;
}
.panel-title{
	font-size:16px;	
	color:#333;
	height:30px;
	line-height:30px;	
	text-indent:0.5em;	
}

/* EasyUI自定义样式end */


.timeline-arw {
	width: 25px;
	height: 100%;
	/* vertical-align: top;
	padding-top: 5px; */
}

.trg-left {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 12px solid #6fbde6;
    border-bottom: 8px solid transparent;
}
.trg-left-h:hover {
    border-right: 12px solid #008acd;
}
.trg-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #6fbde6;
    border-bottom: 8px solid transparent;
}
.trg-right-h:hover {
    border-left: 12px solid #008acd;
}

.max-date {
	float: right;
	margin-right:20px;
}